<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<?php $this->load->view('head'); ?>
	<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
	<style>
	.tooltip {
		display:none;
		background:transparent url('<?php echo site_url(); ?>/assets/images/black_arrow.png');
		font-size:12px;
		height:70px;
		width:160px;
		padding:25px;
		color:#fff;	
	}
	</style>
	<script type="text/javascript">
		jQuery(document).ready(function() {
			jQuery("div.conversation li[title]").tooltip();
		});
	</script>
</head>

<body>    
	<?php $this->load->view('header_guest.php'); ?>
	
	<!-- Content Area -->
	<div class="wrapper-world content">
		<div class="wrapper">
			<div class="left-hand">
				<div class="gallery">
					<div id="PolaroidGalleryFXDiv">
						<a href="http://www.adobe.com/go/getflashplayer">
							<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
						</a>
					</div>
					
					<script type="text/javascript">
						var galleryBaseHTML = '<div id="PolaroidGalleryFXDiv">' + jQuery("#PolaroidGalleryFXDiv").html() + '</div>';
						var galleryType = "random";
						
						function initGallery() {
							galleryType = "random";
							flashvars.settingsXML= "settings.xml";
							
							swfobject.embedSWF("PolaroidGalleryFX.swf", "PolaroidGalleryFXDiv", "452", "435", "9.0.0", false, flashvars, params, attributes);
						}
						
						function changeGallery() {
							jQuery("#PolaroidGalleryFXDiv").before(galleryBaseHTML);
							jQuery("#PolaroidGalleryFXDiv").remove();
							
							if (galleryType == "random") {
								galleryType = "arranged";
								flashvars.settingsXML= "settings2.xml";
								
								swfobject.embedSWF("PolaroidGalleryFX.swf", "PolaroidGalleryFXDiv", "452", "435", "9.0.0", false, flashvars, params, attributes);
								
								jQuery("div.gallery-style-change a").html("Randomize photos");
							} else {
								galleryType = "random";
								flashvars.settingsXML= "settings.xml";
								
								swfobject.embedSWF("PolaroidGalleryFX.swf", "PolaroidGalleryFXDiv", "452", "435", "9.0.0", false, flashvars, params, attributes);
								
								jQuery("div.gallery-style-change a").html("Arrange photos");
							}
							
							return false;
						}
						
						initGallery();
					</script>
					
					<div class="gallery-style-change">
						<a href="#" onclick="return changeGallery();">Arrange photos</a>
					</div>
					
					<div class="share">
						<span>Share this page: </span>
						<span  class='st_facebook' ></span><span  class='st_twitter' ></span><span  class='st_gbuzz' ></span><span  class='st_email' ></span>
						<script type="text/javascript">var switchTo5x=false;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'9a40d139-d9cd-4cde-8e88-f11d796dad21'});</script>
					</div>
				</div> <!-- end of .gallery -->
				
				<div class="share">
					
				</div>
			</div>
			
			<div class="middle-hand">
				<div class="one">
					<h2>About us</h2>
					<div class="text">
					<?php echo character_limiter($aboutus->content, 500); ?>
					</div>
					<div class="action-buttons">
						<?php echo anchor('/about-us', '<span>more</span>', 'class="more"'); ?>
					</div>
				</div> <!-- end of .one -->
				
				<div class="one">
					<h2>BookaBus News</h2>
					<!-- <div class="text">
					<?php //echo character_limiter($lastNews->text, 500); ?>
					</div> -->
					<ul class="news">
						<?php foreach ($lastNews as $oneNew): ?>
						<li class="text"><?php echo character_limiter($oneNew->text, 500); ?></li>
						<?php endforeach; ?>
					</ul>
					<script type="text/javascript" src="<?php echo site_url(); ?>assets/js/newsticker.js"></script>
					<div class="action-buttons">
						<?php echo anchor('/news', '<span>more</span>', 'class="more"'); ?>
					</div>
				</div> <!-- end of .one -->
			</div>
			
			<div class="right-hand">
				<div class="hiw">
					<h1>How it works?</h1>
					<div class="conversation">
						<ul>
							<li class="right" title="Give us the details of your trip">Request</li>
							<li class="left" title="Best possible Price is presented">Get Quote</li>
							<li class="right" title="Customer accepts quote">Accept</li>
							<li class="right" title="Booking is confirmed & the bus/es reserved">Confirm</li>
							<li class="left" title="further details are exchanged for day of service">Notify Job</li>
							<li class="right" title="Billing & Invoicing">Pay</li>
            			</ul>                    
					</div>
				</div>
				
				<div class="cta">
					<?php echo anchor('/contacts', 'Book a bus now. Call us &ndash; +65 9477 3707', 'title="Book a bus in Singapore"'); ?>
				</div>
			</div>
			
			<div class="clr"></div>
		</div>
	</div> <!-- end of wrapper-world and .content -->
	
	<div class="wrapper-world footer-top">
		<div class="wrapper"></div>	
	</div>
	
	<div class="wrapper-world footer-special">
		<div class="wrapper">
			<ul id="nav-shadow">
				<?php $i = 1; foreach ($this->config->item('index_bottom_menu') as $text => $info): ?>
				<li class="button-color-<?php echo $i; ?>"><?php echo anchor($info['link'], $text, 'title="'. $info['title'] .'"'); ?></li>
				<?php $i++; endforeach; ?>
			</ul>
		</div>	
	</div>
	
	<?php $this->load->view('footer'); ?>
</body>
</html>
